revision:
The <blockquote> tag specifies a section that is quoted from another source. Browsers usually indent <blockquote> elements. The <blockquote> HTML element indicates that the enclosed text is an extended quotation. Usually, this is rendered visually by indentation. A URL for the source of the quotation may be given using the "cite attribute", while a text representation of the source can be given using the <cite> element.
<blockquote> . . . </blockquote>
Here is a quote from WWF's website:
For 50 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by 1.2 million members in the United States and close to 5 million globally.
Codes:
<p class="spec">Here is a quote from WWF's website:</p>
<blockquote style="margin-left:3vw;" cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature. The world's leading conservation
organization, WWF works in 100 countries and is supported by 1.2 million members in the
United States and close to 5 million globally.
</blockquote>
Words can be like X-rays, if you use them properly—they’ll go through anything. You read and you’re pierced.
Codes:
<style>
blockquote {margin: 0;}
blockquote p {padding: 15px; background: #eee; border-radius: 5px;}
blockquote p::before {content: '\201C';}
blockquote p::after {content: '\201D';}
</style>
<div>
<figure style="margin-left:3vw;">
<blockquote cite="https://www.huxley.net/bnw/four.html">
<p class="spec">Words can be like X-rays, if you use them properly—they’ll go
through anything. You read and you’re pierced.</p>
</blockquote>
<figcaption>—Aldous Huxley, <cite>Brave New World</cite></figcaption>
</figure>
</div>